.root {
  padding: var(--mantine-spacing-lg);
  padding-top: var(--mantine-spacing-xs);
  border-radius: var(--fieldset-radius, var(--mantine-radius-default));
  min-inline-size: auto;
}

.root--default {
  border: 1px solid;

  @mixin where-light {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-white);
  }

  @mixin where-dark {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-7);
  }
}

.root--filled {
  border: 1px solid;

  @mixin where-light {
    border-color: var(--mantine-color-gray-3);
    background-color: var(--mantine-color-gray-0);
  }

  @mixin where-dark {
    border-color: var(--mantine-color-dark-4);
    background-color: var(--mantine-color-dark-6);
  }
}

.root--unstyled {
  padding: 0;
  border: 0;
  border-radius: 0;
}

.legend {
  font-size: var(--mantine-font-size-sm);
}

.legend--unstyled {
  padding: 0;
  margin-bottom: var(--mantine-spacing-sm);
}
